import React from 'react'
import Footer from '../../components/Footer'
import './my.css'
import { Grid } from 'react-vant';
const my = (props) => {

    const {history}=props

    const gologin=()=>{
        history.push('/login')
    }
    const gofa=()=>{
        history.push('/release')
    }
    const gorent=()=>{
        history.push('/rent')
    }
    return (
        <div>
            <header>
                <img src="https://img2.baidu.com/it/u=2215954981,3897840129&fm=26&fmt=auto" alt="" />
                <div className="my-head">
                    <img src="https://img2.baidu.com/it/u=395719964,2145680590&fm=26&fmt=auto" alt="" className="head-img" />
                    <div className="head-user">
                        <p>游客</p>
                        <button onClick={()=>{
                            gologin()
                        }}>去登录</button>
                    </div>
                </div>
            </header>
            <main>
                <div className="my-tit">
                    <Grid>
                        <Grid.Item icon="wap-home-o" text="我的出租" onClick={()=>{
                            gorent()
                        }}/>
                        <Grid.Item icon="replay" text="看房记录" />
                        <Grid.Item icon="pending-payment" text="成为房主" onClick={()=>gofa()}/>
                        <Grid.Item icon="contact" text="个人资料" />
                        <Grid.Item icon="service-o" text="联系我们" />
                    </Grid>
                </div>
            </main>
            <div className="zuhome">
                <img src="https://img0.baidu.com/it/u=1103048988,4003284580&fm=26&fmt=auto" alt=""/>
            </div>
            <footer>
                <Footer />
            </footer>
        </div>
    )
}

export default my

